/**custom**/

@alert-prefix-cls: ~"@{css-prefix}alert";

.@{alert-prefix-cls} {
  .alert;
  & > .iconfont + div{
    margin-left: 4px;
  }
  &-success {
    .alert-color(@success-color,@alert-background-success-color);
  }

  &-warning {
    .alert-color(@warning-color,@alert-background-warning-color);
  }

  &-error {
    .alert-color(@error-color,@alert-background-error-color);
  }

  &-info {
    .alert-color(@normal-color,@alert-background-gradual-color);
  }

  &.is-center{
    justify-content:center;
  }
    &-primary {
      .alert-color(@primary-color,@component-background);
    }
    &__content{
      & > i{
        float: right;
      }
      display:table-cell;
      padding:0 8px;
    }
    &__title{
      font-size:@font-size-base;
      line-height:18px;
    }
    & &__description
    {
      font-size:@font-size-base;
      margin:5px 0;
    }
    &__closebtn
    {
      font-size:@font-size-base;
      color: #c0c4cc;
      opacity:1;
      position: absolute;
      top: 10px;
      right: 15px;
      cursor: pointer;
    }
    &__title.is-bold{
      font-weight:700
    }
    &:before {
      margin:0;
      border-radius: inherit;
      position: absolute;
      background:inherit;
      opacity: 1;
      display: none;
      transition: opacity @transition-time;
    }
}